<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Amaze UI Admin index Examples</title>
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="/css/amazeui.min.css"/>
    <link rel="stylesheet" href="/css/amazeui.datatables.min.css"/>
    <link rel="stylesheet" href="/css/app.css">
    <script src="/js/jquery.min.js"></script>
</head>

<body data-type="widgets">
<script src="/js/theme.js"></script>
<div class="am-g tpl-g">
    <!-- 内容区域 -->
    <div class="tpl-content-wrapper">
        <div class="row-content am-cf">
            <div class="row">

                <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                    <div class="widget am-cf">
                        <div class="widget-head am-cf">
                            <div class="widget-title am-fl">菜单添加</div>
                            <div class="widget-function am-fr">
                                <a href="javascript:;" class="am-icon-cog"></a>
                            </div>
                        </div>
                        <div class="widget-body am-fr">

                            <form class="am-form tpl-form-border-form tpl-form-border-br">
                                <div class="am-form-group">
                                    <label for="name" class="am-u-sm-3 am-form-label">名称<span
                                            class="risk"> *</span></label>
                                    <div class="am-u-sm-9">
                                        <input type="text" class="tpl-form-input" id="name" placeholder="请输入菜单名称" maxlength="10" value="${(menu.name)!''}">
                                    </div>
                                </div>
<!--

                                <div class="am-form-group">
                                    <label for="parent" class="am-u-sm-3 am-form-label">父节点<span class="risk"> *</span></label>
                                    <div class="am-u-sm-9">
                                        <select data-am-selected="{searchBox: 1}" style="display: none;" name="parent.id" id="parent">
                                            <option value="menu">菜单</option>
                                            <option value="button">按钮</option>
                                        </select>
                                    </div>
                                </div>

-->
                                <div class="am-form-group">
                                    <label for="type" class="am-u-sm-3 am-form-label">类型<span class="risk"> *</span></label>
                                    <div class="am-u-sm-9">
                                        <select data-am-selected="{searchBox: 1}" name="type" id="type">
                                            <option value="menu">菜单</option>
                                            <!--<option value="button">按钮</option>-->
                                        </select>
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="url" class="am-u-sm-3 am-form-label">URL<span class="risk"> *</span></label>
                                    <div class="am-u-sm-9">
                                        <input type="text" class="am-form-field tpl-form-no-bg" placeholder="URL" name="url" id="url" maxlength="64" value="${(menu.url)!''}">
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="code" class="am-u-sm-3 am-form-label">Code<span class="risk"> *</span></label>
                                    <div class="am-u-sm-9">
                                        <input type="text" placeholder="输入Code" name="code" id="code" value="${(menu.code)!''}">
                                    </div>
                                </div>

                                <div class="am-form-group">
                                    <label for="icon" class="am-u-sm-3 am-form-label">Icon</label>
                                    <div class="am-u-sm-9">
                                        <input type="text" placeholder="输入Icon" name="icon" id="icon" value="${(menu.icon)!''}">
                                    </div>
                                </div>
                                <input type="hidden" id="id" name="id" value="${(menu.id)!''}">
                                <div class="am-form-group">
                                    <div class="am-u-sm-9 am-u-sm-push-3">
                                        <button type="button" class="am-btn am-btn-primary tpl-btn-bg-color-success " id="submit">
                                            提交
                                        </button>
                                        <button type="button" class="am-btn am-btn-warning tpl-btn-bg-color-success " id="cancel">
                                            取消
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<script src="/js/app.js"></script>
<script src="/js/admin/menu-form.js"></script>
</body>

</html>